/**
 * 边框系统
 * 所有边框相关变量使用 border- 前缀
 * 命名方式：前缀-类别-[大小/样式]
 */

@import '@/styles/abstracts/_colors.scss';

/* 边框宽度 - 由小到大排序 */
$border-width-xs: 1rpx; // 极细边框
$border-width-sm: 2rpx; // 细边框
$border-width-md: 3rpx; // 中等边框
$border-width-lg: 4rpx; // 粗边框

/* 边框样式 */
$border-style-solid: solid; // 实线
$border-style-dashed: dashed; // 虚线
$border-style-dotted: dotted; // 点线

/* 组合边框 - 依赖 colors 模块中的 $color-border-default */
$border-xs: $border-width-xs $border-style-solid $color-border-default; // 极细实线边框
$border-sm: $border-width-sm $border-style-solid $color-border-default; // 细实线边框
$border-default: $border-width-md $border-style-solid $color-border-default; // 默认边框
$border-dashed: $border-width-sm $border-style-dashed $color-border-default; // 细虚线边框
$border-dotted: $border-width-sm $border-style-dotted $color-border-default; // 细点线边框
